<%--
  Created by IntelliJ IDEA.
  User: Ken
  Date: 2022/4/14
  Time: 15:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<html>
<head>
    <title>班级管理页面</title>

    <script>
        /**
         * 全选方法
         * @param flag
         */
        function checkAll(flag){
            //获取所有的子复选框
            //checkboxs - 数组
            var checkboxs = document.getElementsByName("mycheckbox");
            //循环每个checkbox 修改状态
            for(var i = 0; i < checkboxs.length; i++) {
                checkboxs[i].checked = flag;
            }
        }

        /**
         * 删除班级
         */
        function deleteCls(){
            //判断有没有勾选，如果没有勾选直接结束js方法
            var count = getCheckbosCount();
            if (count < 1) {
                alert("删除班级至少勾选一个班级！");
                return;
            }

            //用js代码提交form表单
            var myform = document.getElementById("myform");
            //设置表单的action为删除的servlet
            myform.action="classesdelete";
            //手动提交表单
            myform.submit();
        }

        /**
         * 修改班级
         */
        function updateCls(){
            //判断有没有勾选，如果没有勾选直接结束js方法
            var count = getCheckbosCount();
            if(count != 1){
                alert("修改班级请选择且最多选择一个班级！");
                return;
            }

            //用js代码提交form表单
            var myform = document.getElementById("myform");
            //修改from表单的action
            myform.action="classesupdatequery";
            //手动提交表单
            myform.submit();
        }

        /**
         * 获取复选框的勾选数量
         */
        function getCheckbosCount(){
            var checkboxs = document.getElementsByName("mycheckbox");
            var count = 0;
            for (var i = 0; i < checkboxs.length; i++) {
                if (checkboxs[i].checked) {
                    count++;
                }
            }
            return count;
        }
    </script>
</head>
<body>
    <button onclick="javascript:location.href='classesinsert.jsp'">新增班级</button>
    <button onclick="deleteCls()">删除班级</button>
    <button onclick="updateCls()">修改班级</button>
    <hr>
    <form id="myform" action="classesdelete" method="post">
        <table border="1">
            <tr>
                <th><input onclick="checkAll(this.checked)" type="checkbox"/>全选</th>
                <th>id</th>
                <th>班级名称</th>
                <th>班级人数</th>
            </tr>
            <!-- 循环处理 -->
            <c:if test="${fn:length(cls) > 0}">
                <!-- 有班级信息 -->
                <c:forEach items="${cls}" var="cs">
                    <tr>
                        <td><input name="mycheckbox" type="checkbox" value="${cs.id}"/></td>
                        <td>${cs.id}</td>
                        <td>${cs.className}</td>
                        <td>${cs.classCount}</td>
                    </tr>
                </c:forEach>
            </c:if>

            <c:if test="${fn:length(cls) == 0}">
                <!-- 没有班级信息 -->
                <tr>
                    <td colspan="4">班级信息为空</td>
                </tr>
            </c:if>
        </table>
    </form>
</body>
</html>
